<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="style.css">
	    <link rel="stylesheet" href="https://unpkg.com/bootstrap@4.3.1/dist/css/bootstrap.min.css">
  <style>
       input{
        width: 30px;
        text-align: center;
       }
       img{
        /*width: 20%;*/
       }
  </style>
</head>
<body>
<!-- 	<div class="container">
        <header>
             <img src="img/logo.png" alt="">
             <span><b>购物车</b></span>
	    </header>
	    <nav>
           <p><b>全部商品 5</b></p>
           <div class="banner">
              <div class="row">
                  <p class="col-2">商品</p>
                  <p class="col-5">名称</p>
                  <p class="col-1">单价</p>
                  <p class="col-2">数量</p>
                  <p class="col-1">小计</p>
                  <p class="col-1">操作</p>
              </div>
              <div class="ban-1">
                  <div class="row">
                  	<div class="col-12">
                         <p class="col-2">
                         	<img src="img/1.jpg" alt="">
                         </p>
                         <p class="col-5">
                         	<img src="img/1-1.jpg" alt="">
                            <img src="img/1-2.jpg" alt="">美仓达 赣南脐橙&nbsp;颜色：赣南脐橙铂金果 3斤装 2017新上市 3斤装 铂金果
                         </p>
                         <p class="col-1">￥<span class="price"></span></p>
                         <p class="col-2"><input type="text" value="1" class="num"></p>
                         <p class="col-1">￥<span class="total"></span><br>1.68Kg</p>
                         <p class="col-1"><span class="del">删除</span></p>
                      </div>


                      <div class="col-12">
                         <p class="col-2">
                          <img src="img/1.jpg" alt="">
                         </p>
                         <p class="col-5">
                          <img src="img/1-1.jpg" alt="">
                            <img src="img/1-2.jpg" alt="">美仓达 赣南脐橙&nbsp;颜色：赣南脐橙铂金果 3斤装 2017新上市 3斤装 铂金果
                         </p>
                         <p class="col-1">￥<span class="price"></span></p>
                         <p class="col-2"><input type="text" value="1" class="num"></p>
                         <p class="col-1">￥<span class="total"></span><br>1.68Kg</p>
                         <p class="col-1"><span class="del">删除</span></p>
                      </div>


                      <div class="col-12">
                         <p class="col-2">
                         	<img src="img/2.jpg" alt="">
                         </p>
                         <p class="col-5">
                         	<img src="img/1-1.jpg" alt="">
                            <img src="img/1-2.jpg" alt="">
                            Camposol 秘鲁进口精选蓝&nbsp;颜色：秘鲁蓝莓 4盒装 单盒约125g 新鲜水果
                         </p>
                         <p class="col-1">￥46.90</p>
                         <p class="col-2"></p>
                         <p class="col-1">￥46.90 <br>1.25Kg</p>
                         <p class="col-1">删除</p>
                      </div>


                      <div class="col-12">
                         <p class="col-2">
                         	<img src="img/3.jpg" alt="">
                         </p>
                         <p class="col-5">
                         	<img src="img/1-1.jpg" alt="">
                            <img src="img/1-2.jpg" alt="">
                            欢乐果园 广西青皮芒果 2个&nbsp;颜色：青皮芒 2粒 尝鲜装 单果约260g以上 新鲜水果
                         </p>
                         <p class="col-1">￥10.90</p>
                         <p class="col-2"></p>
                         <p class="col-1">￥10.90 <br>0.75Kg</p>
                         <p class="col-1">删除</p>
                      </div>


                      <div class="col-12">
                         <p class="col-2">
                         	<img src="img/4.jpg" alt="">
                         </p>
                         <p class="col-5">
                         	<img src="img/1-1.jpg" alt="">
                            <img src="img/1-2.jpg" alt="">
                            爱奇果 新疆库尔勒香梨 约2.5Kg 当季新果 特级装 单果约120- <br>	颜色：2.5hg单果约129-150g
                         </p>
                         <p class="col-1">￥39.90</p>
                         <p class="col-2"></p>
                         <p class="col-1">￥39.90 <br>2.6Kg</p>
                         <p class="col-1">删除</p>
                      </div>


                      <div class="col-12">
                         <p class="col-2">
                         	<img src="img/5.jpg" alt="">
                         </p>
                         <p class="col-5">
                         	<img src="img/1-1.jpg" alt="">
                            <img src="img/1-2.jpg" alt="">
                            宏辉果蔬 苹果 烟台红富士 12个 单果约75mm总重量约2.1kg新鲜  <br>颜色：12粒75mm红富士
                         </p>
                         <p class="col-1">￥34.90</p>
                         <p class="col-2"></p>
                         <p class="col-1">￥34.90 <br>2.1Kg</p>
                         <p class="col-1" id="p1">删除</p>
                      </div>
                      
                  </div>
              </div>
           </div>
           <div class="fou">
               总计：￥<span id="all"></span>
           </div>
	    </nav>
	</div> -->


<div class="container">
          <header>
             <img src="img/logo.png" alt="">
             <p><span><b>购物车</b></span></p>
      </header>
   <table class="table table-bordered">
               <p class="p1"><b>全部商品 5</b></p>

  <thead>
    <tr class="tr">
      <th scope="col">商品</th>
      <th scope="col">名称</th>
      <th scope="col">单价</th>
      <th scope="col">数量</th>
      <th scope="col">小计</th>
      <th scope="col">操作</th>

    </tr>
  </thead>
  <tbody id="table">
    <tr>
      <th scope="row"><img src="img/1.jpg" alt=""></th>
      <td><img src="img/1-1.jpg" alt="">
          <img src="img/1-2.jpg" alt="">美仓达 赣南脐橙 2017新上市 3斤装 铂金果<br>颜色：赣南脐橙铂金果 3斤装 
      </td>
      <td>￥<span class="price">25.80</span></td>
      <td><input type="text" value="1" class="num"></td>
      <td>￥<span class="total"></span><br>1.68kg</td>
      <td><span class="del">删除</span></td>
    </tr>




    <tr>
      <th scope="row"><img src="img/2.jpg" alt=""></th>
      <td><img src="img/1-1.jpg" alt="">
          <img src="img/1-2.jpg" alt=""> Camposol 秘鲁进口精选蓝莓单盒约125g 新鲜水果 <br>颜色：秘鲁蓝莓 4盒装</td>
      <td>￥<span class="price">46.90</span></td>
      <td><input type="text" value="1" class="num"></td>
      <td>￥<span class="total"></span><br>1.25kg</td>
      <td><span class="del">删除</span></td>
    </tr>



    <tr>
      <th scope="row"><img src="img/3.jpg" alt=""></th>
      <td><img src="img/1-1.jpg" alt="">
                            <img src="img/1-2.jpg" alt="">
                            欢乐果园 广西青皮芒果 2个装 单果约260g以上 新鲜水果 <br>颜色：青皮芒 2粒 尝鲜装 </td>
      <td>￥<span class="price">10.90</span></td>
      <td><input type="text" value="1" class="num"></td>
      <td>￥<span class="total"></span><br>0.75kg</td>
      <td><span class="del">删除</span></td>
    </tr>



    <tr>
      <th scope="row"><img src="img/4.jpg" alt=""></th>
      <td><img src="img/1-1.jpg" alt="">
          <img src="img/1-2.jpg" alt=""> 爱奇果 新疆库尔勒香梨 约2.5Kg 当季新果 特级装 单果约120- <br> 颜色：2.5hg单果约129-150g</td>
      <td>￥<span class="price">39.90</span></td>
      <td><input type="text" value="1" class="num"></td>
      <td>￥<span class="total"></span><br>2.6kg</td>
      <td><span class="del">删除</span></td>
    </tr>



    <tr>
      <th scope="row"><img src="img/5.jpg" alt=""></th>
      <td><img src="img/1-1.jpg" alt="">
          <img src="img/1-2.jpg" alt="">宏辉果蔬 苹果 烟台红富士 12个 单果约75mm总重量约2.1kg新鲜  <br>颜色：12粒75mm红富士</td>
      <td>￥<span class="price">34.90</span></td>
      <td><input type="text" value="1" class="num"></td>
      <td>￥<span class="total"></span><br>2.1kg</td>
      <td><span class="del">删除</span></td>
    </tr>
  </tbody>
</table>
           <div class="dv">
               总计：￥<span id="all"></span>
           </div>
</div>
  <script src="script.js"></script>
</body>
</html>